<template>
  <el-dialog v-model="show" @close="close"> </el-dialog>
</template>

<script setup lang="ts">
import { reactive, ref, watch, onMounted } from "vue";
const props = defineProps({
  modelValue: {
    type: Boolean,
    default: false,
  },
});

const show = ref(false);
const emit = defineEmits(["update:modelValue"]);
const close = () => {
  emit("update:modelValue", false);
};

onMounted(() => {
}),
  watch(
    () => props.modelValue,
    (val) => {
      show.value = val;
    }
  );
</script>

<style scoped></style>
